<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>醋醋商城</title>
 <!--引用外部样式-->
 <link rel="shortcut icon" href="favicon.ico">
 <link type="text/css" rel="stylesheet"  href="css/basic.css">
 <link type="text/css" rel="stylesheet"  href="css/web.css">
 </head>
 <body>

<div id="TopMain">
	<!-- 广告开始 -->
	 <div id="topAdv"> 
		<a href="#"> <img src="images/adv.jpg" /> </a> 
		<img src="images/close.png"  class="close"/>
	 </div>
	<!-- 广告结束-->  

	<!--Top开始-->
	<div id="Top">
		<div class="banner"><a href="#"><img src="images/logo.png" /></a></div>
		<!--search begin-->
		<div class="search">
			<form>
				<input type="text"  class="txt"/>
				<input type="submit" class="but"  value=""/>
			</form>
		</div>
		<!--search end-->
		<div class="user">
			<!--用户登录前状态
			<font><span class="iconfont">&#xe60b;</span><a href="">登录</a></font>
			<font><span class="iconfont">&#xe60e;</span><a href="">注册</a></font>-->
			

			<!--用户登录后状态-->
			您好！鲁思南,欢迎你回来 <a href="consignee.html" class="usertxt">用户中心</a>｜<a href="index.html" class="usertxt">退出</a>

			<font><a href="dd.html"><img src="./images/shop.png" alt=""></a><a href="dd.html">购物车</a></font>
		</div>
	</div>
	<!--Top结束-->
</div>

<!--网站导航开始  滚动到一定高，给他加上 class="gd"-->
<div id="Logo" >
	<ul>
		<li class="first">
			<font class="iconfont"></font>全部商品分类
		</li>
		
		<li><a href="index.html" target="_blank">首页</a></li>
		<li><a href="Product00.html" target="_blank">家电</a></li>
		<li><a href="Product01.html"  target="_blank">手机</a></li>
		<li><a href="Product02.html"  target="_blank">电脑</a></li>
		<li><a href="Product03.html"  target="_blank">服饰</a></li>
		<li><a href="Product04.html"  target="_blank">家居</a></li>
		<li><a href="Product05.html"  target="_blank">食品</a></li>
		<li class="last"></li>
	</ul>
</div>
<!--网站导航结束-->




<!--内容推荐开始-->
<div id="webIntro">
	<div class="webIntroCon">
		<!--热点推荐开始-->
		<div class="hotIntro">
			<img src="images/webintro.jpg"  class="hotimg"/>
			<div class="hotList">
				<dl>
					<dt><a href="goods.html" target="_blank"><img src="images/webpic1.jpg" /></a></dt>
					<dd class="ti">Sony Touch智能设备控投影仪G1109</dd>
					<dd class="money">特价：<font>￥13999.0</font></dd>
					<dd class="buy"><a href="">立即抢购</a></dd>
				</dl>
				<dl>
					<dt><a href="goods.html" target="_blank"><img src="images/webpic2.jpg" /></a></dt>
					<dd class="ti">LaCie/莱斯 8big Rack 24TB</dd>
					<dd class="money">特价：<font>￥39999.0</font></dd>
					<dd class="buy"><a href="">立即抢购</a></dd>
				</dl>
				<dl>
					<dt><a href="goods.html" target="_blank"><img src="images/webpic3.jpg" /></a></dt>
					<dd class="ti">德国 美诺 Miele KWT 6112 红酒柜 包税</dd>
					<dd class="money">特价：<font>￥28000.0</font></dd>
					<dd class="buy"><a href="">立即抢购</a></dd>
				</dl>
			</div>
		</div>
		<!--热点推荐结束-->

		<!--促销活动开始-->
		<div class="newIntro">
			<img src="images/commintro.jpg"  class="imgNew" />
			<ul>
				<li><a href="">·&nbsp;&nbsp;国际起泡酒节 每天9.9元秒</a></li>
				<li><a href="">·&nbsp;&nbsp;暑期狂欢游 美酒买一赠一</a></li>
				<li><a href="">·&nbsp;&nbsp;大牌红酒1元秒</a></li>
				<li><a href="">·&nbsp;&nbsp;酷爽7月 冰点价低至1折</a></li>
				<li><a href="">·&nbsp;&nbsp;买酒送酒柜 比39元更低</a></li>
			</ul>
		</div>
		<!--促销活动结束-->
	</div>
</div>
<!--内容推荐结束-->


<!--面包屑导航开始-->
<div class="webLogo">当前位置: 
	<a href="">首页</a> > <a href="">商品分类</a> > <a href="">手机</a>
</div>
<!--面包屑导航结束-->


<!--礼物综合搜综分类开始-->
<div id="searchType">
	<h3>家电综合搜索</h3>

	<dl>
		<dt>手机类型:</dt>
		<dd><a href="" class="all">全部</a><a href="">智能</a><a href="">老人机</a><a href="">商务</a></dd>
		<div style="clear:both"></div>
	</dl>
	<dl>
		<dt>区域零售:</dt>
		<dd><a href="" class="all">全部</a><a href="">上海</a><a href="">深圳</a><a href="">杭州</a><a href="">南京</a><a href="">大连</a>
		<a href="">哈尔滨</a><a href="">烟台</a><a href="">重庆</a><a href="">石家庄</a><a href="">山东</a><a href="">郑州</a><a href="">兰州</a><a href="">台州</a><a href="">中山</a><a href="">绍兴</a><a href="">乌鲁木齐</a>
		<a href="">徐州</a><a href="">嘉兴</a><a href="">惠州</a><a href="">南通</a><a href="">珠海</a><a href="">金华</a></dd><div style="clear:both"></div>
	</dl>
	<dl>
		<dt>品牌分类:</dt>
		<dd><a href="" class="all">全部</a><a href="">华为</a><a href="">vivo</a><a href="">魅族</a><a href="">乐视</a><a href="">努比亚</a>
		<a href="">小米</a><a href="">三星</a><a href="">苹果</a><a href="">美图</a><a href="">索尼</a><a href="">oppo</a></dd>
		<div style="clear:both"></div>
	</dl>
</div>
<!--礼物综合搜综分类结束-->


<!--产品展示部分开始-->
<div id="ProductList">
	<div class="ti">商口显示</div>
	
	<ul>
		<li>
			<img src="images/dg_imgsj1.jpg" width='200' height="200" />
			<h3>三星（SAMSUNG） W2018</h3>
			<p><span>￥23600.00</span><a href="goods手机1.html">立即购买</a></p>
			<p>本产品售销量：<font>144</font></p>
		</li>
		<li>
			<img src="images/dg_imgsj2.jpg" width='200' height="200" />
			<h3>复式变频洗烘一体洗衣机</h3>
			<p><span>￥25000.00</span><a href="goods手机2.html">立即购买</a></p>
			<p>本产品售销量：<font>819</font></p>
		</li>
		<li>
			<img src="images/dg_imgsj3.jpg" width='200' height="200" />
			<h3>VERTU 纬图 SIGNATURE</h3>
			<p><span>￥284000.00</span><a href="goods手机3.html">立即购买</a></p>
			<p>本产品售销量：<font>754</font></p>
		</li>
		<li>
			<img src="images/dg_imgsj6.jpg" width='200' height="200" />
			<h3>VERTU 纬图CONT X</h3>
			<p><span>￥88880.00</span><a href="">立即购买</a></p>
			<p>本产品售销量：<font>359</font></p>
		</li>
		<li>
			<img src="images/dg_imgsj4.jpg" width='200' height="200" />
			<h3>VEB V3 黑色 3G联通</h3>
			<p><span>￥6979.00</span><a href="">立即购买</a></p>
			<p>本产品售销量：<font>5444</font></p>
		</li>
		<li>
			<img src="images/dg_imgsj5.jpg" width='200' height="200" />
			<h3>VERTU 纬图 NEW</h3>
			<p><span>￥251.00</span><a href="">立即购买</a></p>
			<p>本产品售销量：<font>400</font></p>
		</li>
		<li>
			<img src="images/dg_imgsj7.jpg" width='200' height="200" />
			<h3>8848 M4私人订制鳄鱼皮版</h3>
			<p><span>￥6400.00</span><a href="">立即购买</a></p>
			<p>本产品售销量：<font>400</font></p>
		</li>
		<li>
			<img src="images/dg_imgsj8.jpg" width='200' height="200" />
			<h3>VETAS V9至尊版 全网通4G</h3>
			<p><span>￥888000.00</span><a href="">立即购买</a></p>
			<p>本产品售销量：<font>400</font></p>
		</li>
		<li>
			<img src="images/dg_imgsj9.jpg" width='200' height="200" />
			<h3>三星（SAMSUNG） W2018</h3>
			<p><span>￥2580.00</span><a href="">立即购买</a></p>
			<p>本产品售销量：<font>400</font></p>
		</li>
		<li>
			<img src="images/dg_imgsj10.jpg" width='200' height="200" />
			<h3>Apple Gold Elite</h3>
			<p><span>￥38822.00</span><a href="">立即购买</a></p>
			<p>本产品售销量：<font>400</font></p>
		</li>

	</ul>

<div style="clear:both;"></div>
</div>
<!--产品展示部分结束-->




<!--网站底部开始-->
<img src="images/f.jpg"  class="fbg"/>
<div id="Footer2">
	<dl class="first">
		<dt><a href="#">关于我们</a></dt>
		<dd><a href="#">诚聘英才</a></dd>
		<dd><a href="#">品牌入驻</a></dd>
		<dd><a href="#">友情链接</a></dd>
	</dl>
	<dl>
		<dt><a href="#">关于我们</a></dt>
		<dd><a href="#">诚聘英才</a></dd>
		<dd><a href="#">品牌入驻</a></dd>
		<dd><a href="#">友情链接</a></dd>
	</dl>
	<dl>
		<dt>关于我们</dt>
		<dd>诚聘英才</dd>
		<dd>品牌入驻</dd>
		<dd>友情链接</dd>
	</dl>
	<dl>
		<dt>关于我们</dt>
		<dd>诚聘英才</dd>
		<dd>品牌入驻</dd>
		<dd>友情链接</dd>
	</dl>
	<dl>
		<dt>关于我们</dt>
		<dd>诚聘英才</dd>
		<dd>品牌入驻</dd>
		<dd>友情链接</dd>
	</dl>
	<dl>
		<dt>关于我们</dt>
		<dd>诚聘英才</dd>
		<dd>品牌入驻</dd>
		<dd>友情链接</dd>
	</dl>
	<dl class="last">
		<dt>客服在线</dt>
		<dd>4006-600-000</dd>
		<dd><img src="images/QQ.jpg" /></dd>
	</dl>

	<div style="clear:both"></div>
</div>


<p class="Copy">Copyright © 2013-2015 www.tanzhouedu.com All Rights Reserved 版权所有：湖南潭州教育咨询有限公司 备案号：备13016338号</p>
<!--网站底部结束-->






<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/index.js"></script>



<!--
	1、在News大盒子里面，构建两个一样大小的长方形，一个用来设背景透明，一个利用绝定位，盖在透明
	图层上面，用来放内容
	2、利用 h3标签来制作标题部分（颜色，大小，字体类型，竖直居中，首行缩进text-indent:20px;）
	3、利用 ul来制作新闻列表，文字竖直间距利用行高 line-height:30px;  给 ul添加对应的内边距，使文字与上右下左产生一定的间距。
	4、给文字加上了 a标签超链接，如何优化我们代码，代码的性能,如果把常用样式，统一初始化，我们选择的是用标签来表达，而不是用 *
-->




 </body>
</html>
